{% extends 'base.html' %} {% load static %} {% block main %}
<article class="post post-{{ post.pk }}">
    <header class="entry-header">
        <h1 class="entry-title">{{ post.title }}</h1>
        <div class="entry-meta">
            <span class="post-category"><a href="#">{{ post.category.name }}</a></span>
            <span class="post-date">
                <a href="#">
                    <time class="entry-date"
                        datetime="{{ post.created_time }}">{{ post.created_time }}
                    </time>
                </a>
            </span>
            <span class="post-author">
                <a href="#">{{ post.author }}</a>
            </span>
            <span class="comments-link">
                <a href="#">{{ comment_count }} 评论</a>
            </span>
            <span class="views-count">
                <a href="#">{{post.views}} 阅读</a>
            </span>
        </div>
    </header>
    <div class="entry-content clearfix">
        <!-- safe 过滤器即可，告诉 Django，这段文本是安全的 ；safe 是 Django 模板系统中的过滤器（Filter）-->
        {{ post.body|safe }}
    </div>
</article>

<section class="comment-area" id="comment-area">
    <hr>
    <h3>发表评论</h3>
    <form action="{% url 'comments:post_comment' post.pk %}" method="post" class="comment-form">
        {% csrf_token %}
        <div class="row">
            <div class="col-md-4">
                <label for="{{ form.name.id_for_label }}">名字：</label> {{ form.name }} {{ form.name.errors }}
            </div>
            <div class="col-md-4">
                <label for="{{ form.email.id_for_label }}">邮箱：</label> {{ form.email }} {{ form.email.errors }}
            </div>
            <div class="col-md-4">
                <label for="{{ form.url.id_for_label }}">URL：</label> {{ form.url }} {{ form.url.errors }}
            </div>
            <div class="col-md-12">
                <label for="{{ form.text.id_for_label }}">评论：</label> {{ form.text }} {{ form.text.errors }}
                <button type="submit" class="comment-btn">发表</button>
            </div>
        </div>
        <!-- row -->
    </form>
    <div class="comment-list-panel">
        <h3>评论列表，共 <span>{{ comment_count }}</span> 条评论</h3>
        <ul class="comment-list list-unstyled">
            {% for comment in comment_list %}
            <li class="comment-item">
                <span class="nickname">{{ comment.name }}</span>
                <time class="submit-date">{{ comment.created_time }}</time>
                <div class="text">
                    {{ comment.text }}
                </div>
            </li>
            {% empty %} 暂无评论 {% endfor %}
        </ul>
    </div>
</section>
{% endblock main %} {% block toc %} {% if post.toc %}
<div class="widget widget-content">
    <h3 class="widget-title">文章目录</h3>
    <div class="toc">
        <ul>
            {{ post.toc|safe }}
        </ul>
    </div>
</div>
{% endif %} {% endblock toc %}